<!----修改收货信息页---->
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.1-rc2/jquery.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script>
    <script src="js/laydate/laydate.js"></script>
</head>

<body>
    <div class="box container-fluid" >
        <header class="row">
        </header>
        <form method="post" class="row" id="user_info">
        <div class="j_form row">
            <div class="col-xs-12 login_title">
                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 此卡已激活
            </div>
            <div class="col-xs-12 login_text">
                请输入激活时填写的手机号
            </div>
            <div class="col-xs-12 login_text">
                登陆失败，请联系客服
            </div>
            <div class="col-xs-12 login_inp">
                <input type="text" name="phone" size="40">
            </div>
        </div>
        <div class="col-xs-12">
            <button  type="button" class="g_btn" id="g_btn" > 登录 </button>
        </div>
        </form>
        <footer class="row footer" style="position: absolute; bottom: 0px">
            <img src="images/footer_logo.png" width="25%" alt="">
            <i class="fa fa-volume-control-phone" aria-hidden="true"></i>
            <span>客户电话：0531-89013310</span>
        </footer>
    </div>
</body>
<script>
    laydate.render({
        elem: '#datetimepicker' //指定元素
    });
    $("#g_btn").click(function(event){
        $.post('1.php',$("#user_info").serialize(),function(data,textStatus){
            event.preventDefault();
            var mask = '<div class="mask"></div>';
            var mask_box = '<div class="mask_box"></div>';
            var mask_main = '<div class="mask_main"><img src="images/duihao.png" width="100px" alt=""><h3>订单信息修改成功</h3></div>';
            $(mask).appendTo("body");
            $(mask_box).appendTo(".mask");
            $(mask_main).appendTo(".mask_box");
            //$("body").css("overflow","hidden");
            var doc_w = $(window).width();
            var doc_h = $(window).height();
            var m_w = $(".mask_box").width();
            var m_h = $(".mask_box").height();
            $(".mask").width(doc_w);
            $(".mask").height(doc_h);
            $(".mask_box").width(doc_w-40);
            $(".mask_box").css("marginTop", doc_h/2-m_h/2);
            $(".mask").animate({opacity: "0"},2000,function(){
                $(".mask").remove();
            });
        });

    })
</script>
</html>
